<script setup lang="ts">
import {useRouter} from "vue-router";
const router = useRouter()
import logo from '../assets/logo.png'
import {Dialog} from 'vant';

const onSubmit = () => {
  router.push({
    path: '/user/login',
  })
};

const showMsg_1 = () => {
  Dialog({
    title:'系统说明',
    message: '这是一款可以匹配相同兴趣伙伴的交友软件，可以与陌生人进行线上pk、游戏等一系列社交活动！' });
}
const showMsg_2 = () => {
  Dialog({
    title:'用户协议',
    message: '该系统仅供学习参考使用，盗版必究！' });
}
const showMsg_3 = () => {
  Dialog({
    title:'版本信息',
    message: '已经是最新版本v1.0' });
}


</script>

<template>

  <div style="text-align: center;">
    <van-image
        round
        width="10rem"
        height="10rem"
        :src="logo"
    />
  </div>

  <van-cell title="系统说明" is-link @click="showMsg_1"/>
  <van-cell title="用户协议" is-link @click="showMsg_2"/>
  <van-cell title="版本信息" is-link @click="showMsg_3"/>
  <div style="margin: 16px;">
    <van-button round block type="primary" native-type="submit" @click="onSubmit">
      未登录，点击登录！
    </van-button>
  </div>

</template>

<style scoped>

</style>